<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>历史状态</title>
</head>
<body>
	<section layout:fragment="content" class="content">
		<div class="row">
			<!-- 显示 -->
			<div class="col-md-12">
				<div class="box box-primary">
				<div class="box-header with-border">
						<h3 class="box-title">查找条件</h3>
						<form id="conditionForm" method="post" class="form-horizontal"  autocomplete="off" action="/deviceStatusHistory/listByCondition">
						<div class="box-tools">
							<label  th:text="从">name</label>
							<input type="date"  name="earlyTime" id="earlyTime">	
							<label  th:text="到">name</label>
							<input type="date"  name="lateTime" id="lateTime">	
							<label th:text="设备Id">设备Id</label>
							<input type="text"  name="deviceId" />
							<label th:text="地址">地址</label>
							<input type="text"  name="address" />
							<button type="submit" class="btn btn-primary btn-sm" id="popButton" >查找</button>
						</div>
						</form>
					</div>
				
				
					<div class="box-body no-padding">
						<table
							class="table table-striped table-bordered table-hover dataTable">
							<thead>
								<tr class="bg-light-blue disabled">
									<th>序号</th>
									<th>上报时间</th>
									<th>设备Id</th>
									<th>设备名称</th>
									<th>状态</th>
									<th>地址</th>
									<th>主要联系人</th>
									<th>手机</th>

								</tr>
							</thead>
							<tbody>
								<tr th:each="devStaHistory,iterStat : ${devStaHistorys}">
									<!-- <td class="text-center"  th:text="${iterStat.count}">0</td>	 -->
									<td th:text="${iterStat.count}">0</td>
									<td th:text="${devStaHistory.returnTime}"></td>
									<td th:text="${devStaHistory.device.id}"></td>
									<td th:text="${devStaHistory.device.deviceName}"></td>
									<td th:text="${devStaHistory.status}"></td>
									<td th:text="${devStaHistory.device.address}"></td>
									<td th:text="${devStaHistory.device.linkMain1}"></td>
									<td th:text="${devStaHistory.device.linkPhone1}"></td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>





		<script th:inline="javascript">	
			$('.datepicker').datepicker({
	            language:  "zh-CN",  
	            autoclose: true,

	            startView: 0,  
	            format: "yyyy-mm-dd",  
	            clearBtn:false,  
	            todayBtn:true 
			});
// 			debugger;
// 			$(function() {				
				
				
				
// 				$("#popButton").click(function() {
// 					$("#titelTag").text($("#titelTag").attr("save"));
				
// 					$("#deviceTypeForm input[name='id']").val("");
// 					$("#deviceTypeForm input[name='deviceTypeId']").val("");
					
					
// 					//customUtil.initPositionDialog($('#peopleModal'),525,'input[name="userName"]');
// 					//$("#deviceForm input[name='userName']").focus();					
// 				})
// 				$(".closePop").click(function() {

// 				})
				
// 		$("#conditionForm").bootstrapValidator({
        
//     }).on("success.form.bv" ,function(e){
//     	debugger;
// 						e.preventDefault();
// 						var $form = $(e.target);

// 						// Use Ajax to submit form data
// 						var nextUrl;
// 						//if($("#deviceForm input[name='id']").val() == '') {
// 						nextUrl = "/deviceStatusHistory/listByCondition";// + $form.attr('save');
// 						//} else {
// 						//	nextUrl = "/device/" + $form.attr('update');
// 						//}
// 						$.ajax({
// 							url: nextUrl,
// 							type: 'POST',
// 							data: $form.serialize(),
							

// 						});        	
//     		});
			
// });
		</script>
	</section>
</body>
</html>